<!DOCTYPE html>
<html>
<head>
    <title>{{ page_title }}</title>
	<meta charset="UTF-8">
	<script type="text/javascript" src="/static/js/jquery-1.9.1.js"></script>
	<script type="text/javascript" src="/static/js/dropdown.js"></script>
    <script type="text/javascript" src="/static/js/accordion.js"></script>
    <script type="text/javascript" src="/static/js/dialog.js"></script>
    {% load dajaxice_templatetags %}{% dajaxice_js_import %}
    <script type="text/javascript" src="/static/jquery.dajax.core.js" charset="utf-8"></script>
	<link href="/static/css/modern.css" rel="stylesheet">
	<link href="/static/css/modern-responsive.css" rel="stylesheet">
    <style>
       .btDesc {
            margin-top: 0;
            margin-bottom: 0;
            margin-left: 0;
        }
    </style>
</head>
<body class="metrouicss">
    {% block nav %}
    {% endblock %}

    <div class="page secondary with-sidebar">
        {% block page_header %}
        {% endblock %}

        {% block sidebar %}
        {% endblock %}

        {% block main %}
        {% endblock %}
    </div>
    <script type="text/javascript">
        function render(data)
        {
            $('#'+data.id).html(data.value);
        }

        function showDescription(title,description)
        {
            $.Dialog({
                        'title':title,
                        'content':description,
                        'draggable':true,
                        'buttonsAlign':'center',
                        'buttons'    : {
                            'Ok'    : {
                                'action': function(){}
                            }
                        }
            });
        }
    </script>

</body>
</html>